<template>
  <ul :class="['list', { black: black }]">
    <li v-for="v in 6" :key="v">{{ v }}</li>
  </ul>
</template>

<script>
export default {
  props: {
    black: {
      type: Boolean,
      default: false,
    },
  },
}
</script>

<style>
.list {
  background: #fff;
}
.list li {
  padding: 10px 30px;
  text-align: center;
}
</style>
